{#include file="top.php"#}
<div class="body">
    <div class="fg_box b_box">
        <div class="hd">
            <a href="{#optimize_url('fg', 'list')#}"><img src="/images/fg/fg_title_01.jpg" alt="" /></a>
        </div>
        <div class="bd">
            <div class="left_content">
                <div class="fg_focus_box">
					<div class="img_box"><p class="img_p"><a href="{#$left_data.0._url#}"><span><img src="{#$left_data.0._img#}" alt="" />
                            </span></a></p><div class="cover">
                                {#$left_data.0._title#}
                            </div>
                            <i class="fg_star_b"> <img src="/images/fg/star_b.png" alt=""/> </i></div>
                </div>
                <div class="fg_sort_box">
                    <div class="hd">
                        <img src="/images/fg/fg_title_04.jpg" alt="" />
                    </div>
                    <div class="bd">
                        <ul class="fg_sort_list clearfix">
							{#foreach from=$left_new_data item=v key=k#}
							<li>
								<div class="img_box"><p class="img_p"><span><img src="{#$v._img#}"></span></p></div>
                                <p class="name">
                                    {#$v.cname#}
                                </p>
                                <a href="{#$v._url#}" class="act"></a>
                            </li>
							{#/foreach#}
                        </ul>
                    </div>
                </div>
            </div>
            <div class="right_content">
                <div class="latest_content right_border">
					<div class="img_box"><p class="img_p"><a href="{#$middle_data.product.0._url#}"><span><img src="{#$middle_data.product.0._img#}" alt="" />
                            <i class="fg_star_a"> <img src="/images/fg/fg_star_a.png" alt=""/> </i></span></a></p></div>
                    <div class="details_box">
                        <p class="title">
                            <a class="title" href="{#$middle_data.product.0._url#}" >{#$middle_data.product.0._title#}</a>
                        </p>
                        <!--<p class="price">
                            參考價格 {#$middle_data.product.0.price#}元/容量 {#$middle_data.product.0.volume#}
                        </p>-->
                        {#foreach from=$middle_data.product.0.vote_option_json item=v key=k#}
                        {#if $k<3#}
                        <p class="rank_p">
                            {#$v.topicintro#} <span class="fg_star fg_star_1" style="background: url({#$v.topicstar#})"></span>
                        </p>
                        {#/if#}
                        {#/foreach#}
                    </div>
                    <table width="270" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="120" style="vertical-align:top">
                                <img src="http://chart.apis.google.com/chart?cht=p&chd=t:{#$middle_data.product.0.item5apercent#},{#$middle_data.product.0.item4apercent#},{#$middle_data.product.0.item3apercent#},{#$middle_data.product.0.item2apercent#},{#$middle_data.product.0.item1apercent#}&chs=110x110&chco=cdbae1|a791bd|87719d|4c3662|311b47" style="vertical-align:top">
                            </td>
							<td width="80" align="left" style="vertical-align:top">
								<table height="96" cellspacing="0" cellpadding="2" border="0">
									<tbody><tr>
									<td><font class="squ1">很好</font></td>
									<td><font class="style6">{#$middle_data.product.0.item1apercent#}%</font></td>
									</tr>
									<tr>
									<td><font class="squ2">好</font></td><td><font class="style6">{#$middle_data.product.0.item2apercent#}%</font></td>
									</tr>
									<tr>
									<td><font class="squ3">普通</font></td><td><font class="style6">{#$middle_data.product.0.item3apercent#}%</font></td>
									</tr>
									<tr>
									<td><font class="squ4">差</font></td>
									<td><font class="style6">{#$middle_data.product.0.item4apercent#}%</font></td>
									</tr>
									<tr>
									<td><font class="squ5">很差</font></td>
									<td><font class="style6">{#$middle_data.product.0.item5apercent#}%</font></td>
									</tr></tbody>
								</table>
							</td>
							<td width="80" align="left" style="vertical-align:top">
                                <table border="0" cellspacing="0" height="96" cellpadding="2">
                                    <tr>
                                        <td><font class="style6"><u>{#$middle_data.product.0.item1amount#}票/{#$middle_data.product.0.item1grade#}分</u></font></td>
                                    </tr>
                                    <tr>
                                        <td><font class="style6"><u>{#$middle_data.product.0.item2amount#}票/{#$middle_data.product.0.item2grade#}分</u></font></td>
                                    </tr>
                                    <tr>
                                        <td><font class="style6"><u>{#$middle_data.product.0.item3amount#}票/{#$middle_data.product.0.item3grade#}分</u></font></td>
                                    </tr>
                                    <tr>
                                        <td><font class="style6"><u>{#$middle_data.product.0.item4amount#}票/{#$middle_data.product.0.item4grade#}分</u></font></td>
                                    </tr>
                                    <tr>
                                        <td><font class="style6"><u>{#$middle_data.product.0.item5amount#}票/{#$middle_data.product.0.item5grade#}分</u></font></td>
                                    </tr>
                                </table></td>
                        </tr>
                    </table>
                    <div class="info">
                        <p class="intro">
                            暱稱:
                            <span>{#$middle_data.report.0.msgname#}</span><br/>
                            年齡:
                            <span>{#$middle_data.report.0.msgage#}</span>
                            膚質:
                            <span>{#$middle_data.report.0.msgskin#}</span>
                        </p>
                        <p class="content">
                            {#$middle_data.report.0._msg#}
                            <a href="{#$middle_data.report.0._url#}" > <span class="more">more</span> </a>
                        </p>
						{#if $middle_data.report.0._pic#}
                        <ul>
                            <li class="left-img">
								<div class="img_box"><p class="img_p"><a href="{#$middle_data.report.0._url#}"><span> <img src="{#$middle_data.report.0._pic.0#}"> </span></a></p></div>
                            </li>
                            <li>
                                <div class="img_box"><p class="img_p"><a href="{#$middle_data.report.0._url#}"><span> <img src="{#$middle_data.report.0._pic.1#}"> </span></a></p></div>
                            </li>
                        </ul>
						{#/if#}
                    </div>
                </div>
                <div class="latest_content">
                    {#show_block('b2',1,'','sidebar_ad')#}
                    {#show_block('b1',2,'','sidebar_function')#}
                    {#show_block('b3',0,'','sidebar_search')#}
                </div>
                <div class="ad_sell">
                    <ul class="nav nav_tabs">
                        
						{#foreach from=$hilite_category item=v key=k#}
                        <li {#if $k eq 0#}class="active"{#/if#}  t1="{#$k#}" c="2">
                            <a href="javascript:void(0);" onmouseover="tab({#$k#})">{#$v.cname#}</a>
                        </li>
						{#/foreach#}
                    </ul>
                    <div class="tab_content" >
						{#foreach from=$hilite_product item=v key=k#}         
                        <div t="{#$k#}" c="1" {#if $k neq 0#}style="display:none;"{#/if#}>
							{#foreach from=$v item=v1 key=k1#}
							{#if !empty($v1.product.0) && !empty($v1.report.0)#}
							<div class="latest_content pane_content">
								<div class="img_box">
									<p class="img_p">
									<a href="{#$v1.product.0._url#}"><span><img src="{#$v1.product.0._img#}"></span></a>
									<i class="fg_star_m"> <img src="/images/fg/star_m.png"> </i>
									</p>
								</div>
								{#if $v1.report.0._pic.0#}
								<div class="small_img">
								<p class="img_p">
									<a class="smallimg"  href="{#$v1.report.0._url#}"><span> <img src="{#$v1.report.0._pic.0#}"> </span></a>
									</p>
								</div>
								{#/if#}
								{#if $v1.report.0._pic.1#}
								<div class="small_img">
								<p class="img_p">
									<a class="smallimg"  href="{#$v1.report.0._url#}"><span> <img src="{#$v1.report.0._pic.1#}"> </span></a>
									</p>
								</div>
								{#/if#}
								
								<div class="latest_right">
									<p class="latest_title">
										<a href="{#$v1.product.0._url#}" >{#$v1.product.0._title#}</a>
									</p>
									<div class="latest_rate">
										{#foreach from=$v1.product.0.vote_option_json item=v2 key=k2#}
										{#if $k2<3#}
										<p class="rank_p">
											{#$v2.topicintro#} <span class="fg_star fg_star_1" style="background: url({#$v2.topicstar#})"></span>
										</p>
										{#/if#}
										{#/foreach#}
									</div>
								</div>
								<div class="latest_info">
									<p class="intro">
										{#$v1.report.0.msgname#}:
									</p>
									<p class="content">
										{#$v1.report.0._msg#}
										<a href="{#$v1.report.0._url#}" > <span class="more">more</span> </a>
									</p>
								</div>
							</div>
							{#/if#}
							{#/foreach#}
							<a href="{#optimize_url('fg', 'list','ptype='|cat:$v.0.cid)#}" class="fg_btn_more">看更多{#$v.0.cid#}</a>
						</div>
						{#/foreach#}
					</div>
                </div>
			</div>
        </div>
    </div>

</div><!--body-->
<script>
	function tab(i){
		$("[c='1']").hide();
		$("[t='"+i+"']").show();
		$("[c='2']").removeClass('active');
		$("[t1='"+i+"']").addClass('active');
	}
</script>
{#include file="footer.php"#}